.full-width-section {
	padding-top: 24px;
	padding-bottom: 24px;

	.full-width-section__content {
		margin-inline: auto;
	}

	&.full-width-section--double-padding {
		padding-top: 48px;
		padding-bottom: 48px;
	}
	&.full-width-section--no-padding {
		padding-top: 0;
		padding-bottom: 0;
	}

	&.full-width-section--gray {
		background-color: var(--studio-gray-0);
	}

	@media screen and ( max-width: 600px ) {
		padding-top: 12px;
		padding-bottom: 12px;

		&.full-width-section--double-padding {
			padding-top: 24px;
			padding-bottom: 24px;
		}
	}
}
